@import "../../styles/base";

/*分销中心*/
.ga-sales{
  .head-box{
    background: $blue;
    padding:50rpx 0;
    text-align: center;
    color:#fff;

    .img-box{
      @include wh(80rpx,80rpx);
      border:1rpx solid $grayLighter;
      margin:0 auto;
      @include border-radius(50%);
    }

    .p1{
      margin-top:14rpx;
      font-size:24rpx;
    }

    .p2{
      margin-top:26rpx;
      font-size:18rpx;
      @extend %inline-block;
      @include wh(156rpx,42rpx,42rpx);
      @include border-radius(21rpx);
      color:$gray;
      background: #fff;
      border:1p solid $grayLighter;
    }
  }

  .menu-box{
    @extend %flex;
    background: #fff;

    li{
      padding:10rpx 0;
      @include flex(1 1 auto);
      width:100%;
      text-align: center;

      &:last-child{
        .item{
          border:none;
        }
      }
    }

    .item{
      display:block;
      border-right:1rpx solid $grayLighter;

      .p1{
        font-size:30rpx;
        span{
          font-size:22rpx;
          color:$gray;
        }
      }

      .p2{
        margin-top:10rpx;
      }

      &.link1{
        background: url("http://ga-1255639017.file.myqcloud.com/images/distribution/d_icon1.png") left 63rpx center no-repeat;
        background-size:39rpx 39rpx;
      }
      &.link2{
        background: url("http://ga-1255639017.file.myqcloud.com/images/distribution/d_icon2.png") left 63rpx center no-repeat;
        background-size:39rpx 39rpx;
      }
    }
  }
}
